/* shrotcut区域 开始 */
.shrotcut {
    height: 53px;
    background-color: #333333;
    font-size: 14px;
    color: #666;
}

.shrotcut a {
    padding: 0 15px;
    line-height: 53px;
    color: #dcdcdc;
}

.shrotcut a:last-child::before {
    font-family: "iconfont";
    margin-right: 3px;
    content: '\e621';
}

/* header区域 开始 */
header {
    position: relative;
    height: 205px;
}

header .logo {
    position: absolute;
    top: 32px;
    left: 20px;
}

header .logo a {
    display: block;
    font-size: 0;
    width: 129px;
    height: 143px;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
}

header .nav {
    position: absolute;
    top: 100px;
    left: 252px;
}

header .nav a {
    float: left;
    height: 30px;
    margin-right: 48px;
    color: #333;
    line-height: 30px;
}

header .nav a:hover {
    border-bottom: 1px solid #5eb69c;
    color: #5eb69c;
}

header .search {
    position: absolute;
    top: 100px;
    right: 70px;
    width: 172px;
    height: 30px;
    padding-left: 29px;
    border-bottom: 2px solid #e7e7e7;
    font-size: 15px;
}

header .search input {
    height: 18px;
}

header .search input::placeholder {
    font-size: 15px;
    color: #ccc;
}

header .search button {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: transparent;
    font-family: "iconfont";
    font-size: 18px;
}

header .shopcar {
    position: absolute;
    top: 100px;
    right: 33px;
    width: 23px;
    height: 23px;
    font-family: "iconfont";
    font-size: 23px;
    color: #333;
}

header .shopcar i {
    position: absolute;
    top: -5px;
    left: 15px;
    height: 14px;
    padding: 0 5px;
    background-color: #e16034;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    border-radius: 7px;
}

/* 底部区域 开始 */
/*  */
.friendlink {
    height: 291px;
    padding-top: 60px;
}

.friendlink dl {
    float: left;
    width: 310px;
    height: 190px;
    border-right: 1px solid #f2f2f2;
    text-align: center;
    color: #999;
}

.friendlink .tel_service {
    border-right: 0;
}

.friendlink dl:nth-child(-n+2) dd {
    display: inline-block;
    margin-top: 35px;
}

.friendlink dl:nth-child(-n+2) dd a {
    display: block;
    width: 93px;
    height: 93px;
    padding-top: 20px;
    border: 1px solid #f5f5f5;
    font-size: 14px;
    color: #999;
}

.friendlink dl:nth-child(-n+2) i {
    display: inline-block;
    background: url(../images/sprites.png) no-repeat;
    background-size: 400px 400px;
    content: '';
}

.friendlink .urse_service dd a i {
    width: 29px;
    height: 28px;
    background-position: -250px -70px;
}

.friendlink .urse_service dd:last-child a i {
    background-position-x: -350px;
}

.friendlink .followus dd a i {
    width: 36px;
    height: 29px;
    background-position: -250px -15px;
}

.friendlink .followus dd:last-child a i {
    background-position-x: -350px;
}

.friendlink .app dd .pic {
    float: left;
    width: 116px;
    height: 116px;
    margin: 25px 22px 0 33px;
    border: 1px solid #f4f4f4;
}

.friendlink .app dd .pic img {
    width: 100%;
    height: 100%;
}

.friendlink .app dd p {
    padding-top: 33px;
    text-align: left;
    line-height: 22px;
}

.friendlink .app dd p a {
    display: inline-block;
    width: 106px;
    height: 36px;
    margin-top: 15px;
    background-color: #5eb69c;
    border: 1px solid #d2e2dd;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
}

.friendlink .tel_service p {
    margin: 53px 0 10px;
    font-size: 22px;
    color: #666666;
}

/* footer区域开始 */
footer {
    background-color: #333333;
}

footer .mod_help {
    position: relative;
    height: 175px;
}

footer .mod_help ul li {
    position: absolute;
    top: 60px;
    font-size: 28px;
    color: #fff;
}

.mod_help_l {
    left: 35px;
}

.mod_help_c {
    left: 530px;
}

.mod_help_r {
    right: 40px;
}

.mod_help ul li::before {
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    margin-right: 18px;
    background: url(../images/sprites.png) no-repeat;
    background-position-y: 0 0;
    background-size: 400px 400px;
    content: '';
}

.mod_help .mod_help_c::before {
    background-position-x: -65px;
}

.mod_help .mod_help_c::before {
    background-position-x: -130px;
}

.mod_copyright {
    height: 170px;
    padding-top: 35px;
    border-top: 1px solid #434343;
    font-size: 15px;
    color: #999999;
    line-height: 35px;
    text-align: center;
}

.mod_copyright p a {
    padding: 0 10px;
    color: #999999;
}